<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/jquery-ui.css">
    <link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
    <style>
        .divBox{
            margin: 10px 10px 10px 0px;
            padding: 0 0 0 10px;
        }
        .title1{
            font-size: 1.5em;
            background-color: #efefef;
            padding: 0 10px;
            margin-top: 10px;
            border-bottom: 1px solid #bbb;
        }
        .title2{
            font-size: 1.2em;
            padding: 0 10px;
            font-weight: bold;
        }
        .welcomeSimple{
            font-size: 3em;;
            padding: 0 10px;
        }
        .welcome{
            font-size: 1.2em;
            padding: 10px;
            color: #afafaf;
        }
        .guide{
            margin-bottom: 2px;
            font-size: 1em;
            padding-left: 5px;
        }
        .guide a{;
            text-decoration: none;
            color: black;
        }
        .guide a:hover{
            color: red;
        }
        hr{
            margin: 5px;
        }
        .content{
            font-size: 1.0em;
        }
        .textArea{
            width: 100%;
            height: 150px;
            border: 0 solid white;
            background-color: white;
            color: black;
            padding-left: 10px;
            padding-top:10px;
        }
        .info-blue {
            color: dodgerblue;
        }
        .info-red{
            color: indianred;
        }
    </style>
</head>
<body>
<div class="divBox">
    <div class="title1">系统使用首页</div>
    <p class="welcomeSimple">欢迎使用!</p>
    <p class="welcome mb25">欢迎使用宜宾市翠屏区公安分局-财务网上申报与审批管理系统</p>
    <div class="title1">使用帮助引导</div>
    <div>
        <div class="guide"><a href="#" id="od">[使用帮助]日常业务与我的业务板块使用说明</a></div>
        <hr />
        <div class="guide"><a href="#" id="my">[使用帮助]个人业务之出差审批帮助。</a></div>
        <hr />
        <div class="guide"><a href="#" id="ap">[使用帮助]审批业务帮助。</a></div>
        <hr />
        <div class="guide"><a href="#" id="fi">[使用帮助]财务管理帮助。</a></div>
        <hr />
    </div>


    <div style="margin-top: 15px;"></div>
    <div id="ordinary_dlg"  style="display:none">
        <div class="title1">日常业务板块-功能说明</div>
        <div class="content textArea" >
            <p>1.申请出差，请点击<span class="info-blue">日常业务</span>板块中的<span class="info-blue">出差审批</span>，填写表格进行办理</p>
            <p>2.报销业务分为<span class="info-blue">差旅报销</span>和<span class="info-red">业务报销</span>。请点击<span class="info-blue">日常业务</span>板块中的<span class="info-blue">报销业务</span>，根据弹出对话框，选择对应类别进行报销</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="info-red">说明:</i><i><span class="info-blue">差旅报销</span>必须在已经<span class="info-red">由领导审批同意的出差审批</span>中,选择进行报销</i></p>
            <p>3.借款业务分为<span class="info-blue">差旅借款</span>和<span class="info-red">普通借款</span>。请点击<span class="info-blue">日常业务</span>板块中的<span class="info-blue">借款业务</span>，根据弹出对话框，选择对应类别进行报销</p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="info-red">说明:</i><i><span class="info-blue">差旅借款</span>必须在填写<span class="info-red">出差审批</span>时,同时进行借款工作</i></p>
        </div>
    </div>
    <div id="my_task_dlg" style="display:none">
        <div class="title1">我的业务板块-功能说明</div>
        <div class="content textArea" >
            <p>1.我的出差：可以在“我的出差”中查询<span class="info-blue">出差审批</span>的情况，<span class="info-blue">打印出差审批单</span>，在已同意的出差审批中进行<span class="info-blue">差旅报销</span></p>
            <p>2.我的报销：可以在“我的报销”中查询<span class="info-blue">报销审批</span>的情况，<span class="info-blue">打印报销单</span></p>
            <p>3.我的借款：可以在“我的借款”中查询<span class="info-blue">借款审批</span>的情况，<span class="info-blue">打印借款单</span></p>
            <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i class="info-red">说明:</i><i><span class="info-blue">差旅借款</span>的审批情况和打印必须在<span class="info-red">我的出差</span>中,找到<span class="info-blue">已同意的出差审批</span>，进行打印工作</i></p>
        </div>
    </div>
    <div id="app_dlg" style="display:none">
        <div class="title1">审批业务板块-功能说明</div>
        <div class="content textArea">
            <p>审批业务，包括<i class="info-red">部门审批</i>, <i class="info-blue">分管签批</i>，<i class="info-red">领导审批</i>，三个部分。其根据<i class="info-blue">用户权限</i>的不同，分别进行显示，每个部分都包括<span class="info-blue">业务申请</span>和<span class="info-red">费用报销</span>两个功能</p>
            <p>1.业务申请审批/签批：此功能模块可以审批或者签批分管部门的<i class="info-red">出差申请（含关联借车借款申请）</i>和<i class="info-blue">借款申请(普通借款)</i></p>
            <p>2.报销审批/签批：此功能模块可以审批或者签批分管部门的<i class="info-red">差旅报销（含关联嫌疑人费用报销/超标费用报销）</i>和<i class="info-blue">业务报销</i></p>
        </div>
    </div>
    <div id="finance" style="display:none">
        <div class="title1">财务管理板块-功能说明</div>
        <div class="content textArea">
            <p>当有财务管理权限的用户登录后，显示本业务模块，主要包括<i class="info-red">报销复核</i>, <i class="info-blue">借款核销</i>，<i class="info-red">财务管理</i>，三个部分</p>
            <p>1.报销复核：此功能模块可以查询相应差旅报销和业务报销单，对<i class="info-red">差旅报销</i>和<i class="info-blue">业务报销</i>情况进行复核。</p>
            <p>2.借款核销：此功能模块可以查询相应借款单，并对借款<i class="info-red">进行核销</i></p>
            <p>3.财务管理：此功能模块可以<i class="info-red">分配部门预算</i>，<i class="info-blue">统计部门报销情况</i>，<i class="info-red">生成报表</i></p>
        </div>
    </div>

</div>
</body>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/config.js"></script>
<script>
    $(function(){
        $('#od').click(function(){
            $('#ordinary_dlg').dialog({
                resizable: false,
                height: "auto",
                width: "auto",
                modal: true,
                title:'功能说明',
                buttons: {
                    '确定': function(){
                        $(this).dialog('close');
                    }
                }
            })
        });

        $('#my').click(function(){
            $('#my_task_dlg').dialog({
                resizable: false,
                height: "auto",
                width: "auto",
                modal: true,
                title:'功能说明',
                buttons: {
                    '确定': function(){
                        $(this).dialog('close');
                    }
                }
            })
        });

        $('#ap').click(function(){
            $('#app_dlg').dialog({
                resizable: false,
                height: "auto",
                width: "auto",
                modal: true,
                title:'功能说明',
                buttons: {
                    '确定': function(){
                        $(this).dialog('close');
                    }
                }
            })
        });

        $('#fi').click(function(){
            $('#finance').dialog({
                resizable: false,
                height: "auto",
                width: "auto",
                modal: true,
                title:'功能说明',
                buttons: {
                    '确定': function(){
                        $(this).dialog('close');
                    }
                }
            })
        });



    })
</script>

</html>